<!DOCTYPE html>
<html lang="en">

<head>
	<title>Booking</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />

	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>

	<!-- css files -->
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' /><!-- bootstrap css -->
	<link href="css/style.css" rel='stylesheet' type='text/css' /><!-- custom css -->
	<link href="css/font-awesome.min.css" rel="stylesheet"><!-- fontawesome css -->
	<!-- //css files -->

	<!-- google fonts -->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i"
		rel="stylesheet">
	<link
		href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
		rel="stylesheet">
	<!-- //google fonts -->

</head>

<body>

	<!-- header -->
	<header>
		<div class="container">
			<!-- nav -->
			<nav class="py-md-4 py-3 d-lg-flex">
				<div id="logo">
					<h1 class="mt-md-0 mt-2"> <a href="index.html"><span class="fa fa-map-signs"></span> 悠捷商旅 </a>
					</h1>
				</div>
				<label for="drop" class="toggle"><span class="fa fa-bars"></span></label>
				<input type="checkbox" id="drop" />
				<ul class="menu ml-auto mt-1">
					<li class=""><a href="index.html">首页</a></li>
					<li class=""><a href="about.html">机票</a></li>
					<li class="active"><a href="booking.html">酒店</a></li>
					<li class=""><a href="services.html">签证</a></li>
					<li class=""><a href="packages.html">关于</a></li>
					<li class=""><a href="contact.html">联系</a></li>
					<!-- <li class="booking"><a href="booking.html">留言</a></li> -->
				</ul>
			</nav>
			<!-- //nav -->
		</div>
	</header>
	<!-- //header -->

	<!-- banner -->
	<section class="banner_w3lspvt">
		<div class="banner-top">
		   <div class="overlay">
			   <div class="container">
				   <div class="w3layouts-banner-info">
					<div class="title">
						<h3 class="text-wh">Never let your memories be greater than your dreams.</h3>
						<h4 class="text-wh">Join hands with Youjie, worry-free business travel</h4>
					</div>
					   <div class="buttons mt-4">
						   <a href="packages.html" class="btn mr-2">关于我们</a>
						   <a href="booking.html" class="btn">预定行程</a>
					   </div>
				   </div>
			   </div>
		   </div>
	   </div>
	   </section>
	<!-- //banner -->
	<div class="hotel">
		<h3>合作酒店</h3>
		<ul class="hotel_list">
			<li>
				<img src="./images/jd1.jpg" alt="">
				<p>希尔顿酒店</p>
			</li>
			<li>
				<img src="./images/jd2.jpg" alt="">
				<p>香格里拉酒店</p>
			</li>
			<li>
				<img src="./images/jd3.jpg" alt="">
				<p>亚朵酒店</p>
			</li>
			<li>
				<img src="./images/jd4.jpg" alt="">
				<p>洲际酒店</p>
			</li>
			<li>
				<img src="./images/jd5.jpg" alt="">
				<p>万豪酒店</p>
			</li>
			<li>
				<img src="./images/jd6.jpg" alt="">
				<p>喜来登酒店</p>
			</li>
			<li>
				<img src="./images/jd7.jpg" alt="">
				<p>威斯汀酒店</p>
			</li>
			<li>
				<img src="./images/jd8.jpg" alt="">
				<p>更多高级酒店</p>
			</li>
		</ul>
	</div>

	<!-- Booking -->
	<section class="contact py-5">
		<div class="container py-lg-5 py-sm-4">
			<h4 class="heading text-capitalize text-center " style="margin-bottom: 20px;"> 预订您的行程</h4>
			<div class="contact-grids">
				<div class="row">
					<div class="col-lg-7 contact-left-form">
						<form action="#" method="post" class="row">
							<div class="col-sm-6 form-group contact-forms">
								<input type="text" class="form-control" placeholder="姓名" required="">
							</div>
							<div class="col-sm-6 form-group contact-forms">
								<input type="email" class="form-control" placeholder="邮箱" required="">
							</div>
							<div class="col-sm-6 form-group contact-forms">
								<input type="text" class="form-control" placeholder="电话" required="">
							</div>
							<div class="col-sm-6 form-group contact-forms">
								<input type="text" class="form-control" placeholder="日期" required="">
							</div>
							<div class="col-sm-6 form-group contact-forms">
								<select class="form-control" id="adults">
									<option>成人</option>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5 或更多</option>
								</select>
							</div>
							<div class="col-sm-6 form-group contact-forms">
								<select class="form-control" id="kids">
									<option>小孩</option>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5 或更多</option>
								</select>
							</div>
							<div class="col-md-12 form-group contact-forms">
								<textarea class="form-control" placeholder="信息" rows="3" required=""></textarea>
							</div>
							<div class="col-md-12 booking-button">
								<button class="btn btn-block sent-butnn">现在预订</button>
							</div>
						</form>
					</div>
					<div class="col-lg-5 contact-right pl-lg-5">

						<div class="image-tour position-relative">
							<img src="images/banner1.jpg" alt="" class="img-fluid" />
							<!-- <p><span class="fa fa-tags"></span> <span>20$ - 15% off</span></p> -->
						</div>

						<h4 style="font-weight: 500;">酒店预订</h4>
						<p class="mt-3" style="text-indent: 2em;">全球三星级以上酒店全覆盖式合作，以便捷，快速，舒心给广大客户提供更便利的旅程！
							悠捷商务力致打造更出色的员工，每一位客户对我们都是全新的项目！
							我们会为每家企业客户量身定做最合理的服务模式,根据客户的要求建立并监督实施可行的差旅规化！</p>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- //Booking -->


	<!--footer -->
	<footer>
		<footer>
			<section class="footer footer_w3layouts_section_1its py-5">
				<div class="container py-lg-4 py-3">
					<div class="row footer-top">
						<div class="col-lg-3 col-sm-6 footer-grid_section_1its_w3">
							<div class="footer-title">
								<h3>联系我们</h3>
							</div>
							<div class="footer-text">
								<!-- <p>联 系 人：孙 娟</p> -->
								<p>联系电话：021-22874316</p>
								<!-- <p>手机 : 15669970810(微信同号）</p> -->
								<p>地址 : 上海市浦东新区富特西一路417号235室&emsp;上海市闵行区光中路133弄19号A座</p>
								<p>邮 箱：<a href="mailto:info@example.com">Tina@youjiesw.com</a></p>
							</div>
						</div>
						<div class="col-lg-3 col-sm-6 footer-grid_section mt-sm-0 mt-4">
							<div class="footer-title">
								<h3>关于我们</h3>
							</div>
							<div class="footer-text">
								<p>上海悠捷商务咨询有限公司总部设于长江三角洲的 核心城市上海，
									是一家由上海工商局正式批准成立并获 得国际航空运输协会(IATA)一级资质、阿迈德斯 （ AMADEUS）、加利略（ GALILEO）以及
									阿巴克斯 （ ABACUS）世界三大分销网络航空合作单位!</p>
							</div>
							<!-- <ul class="social_section_1info">
								<li class="mb-2 facebook"><a href="#"><span class="fa fa-facebook"></span></a></li>
								<li class="mb-2 twitter"><a href="#"><span class="fa fa-twitter"></span></a></li>
								<li class="google"><a href="#"><span class="fa fa-google-plus"></span></a></li>
								<li class="linkedin"><a href="#"><span class="fa fa-linkedin"></span></a></li>
							</ul> -->
						</div>
						<div class="col-lg-3 col-sm-6 mt-lg-0 mt-4 footer-grid_section_1its_w3">
							<div class="footer-title">
								<h3>旅游地点</h3>
							</div>
							<div class="row">
								<ul class="col-6 links">
									<li><a href="#choose" class="scroll">新西兰 </a></li>
									<li><a href="#overview" class="scroll">法国巴黎 </a></li>
									<li><a href="#pricing" class="scroll">洛杉矶</a></li>
									<li><a href="#faq" class="scroll"> 达灵顿</a></li>
									<li><a href="#testimonials" class="scroll">加拿大 </a></li>
									<li><a href="#contact" class="scroll"> 南非 </a></li>
								</ul>
								<ul class="col-6 links">
									<li><a href="#">西班牙 </a></li>
									<li><a href="#">土耳其</a></li>
									<li><a href="#faq" class="scroll">欧洲 </a></li>
									<li><a href="#">意大利 </a></li>
									<li><a href="#">瑞典 </a></li>
								</ul>
							</div>
						</div>
						<div class="col-lg-3 col-sm-6 mt-lg-0 mt-4 footer-grid_section_1its_w3">
							<div class="footer-title">
								<h3>通讯</h3>
							</div>
							<div class="footer-text">
								<p>订阅我们的邮件列表，您将始终获得我们的最新消息和更新。</p>
								<form action="#" method="post">
									<input type="email" name="Email" placeholder="Enter your email..." required="">
									<button class="btn1"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>
									<div class="clearfix"> </div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</section>
		</footer>
		<!-- //footer -->

		<!-- copyright -->
		<div class="copyright py-3 text-center">
			<p>Copyright &copy; 2019.YouJie All rights reserved. <a href="http://www.baidu.com/" target="_blank"
					title=""></a><a href="http://www.cssmoban.com/" title="" target="_blank"></a></p>
		</div>
		<!-- //copyright -->

		<!-- move top -->
		<div class="move-top text-right">
			<a href="#home" class="move-top">
				<span class="fa fa-angle-up  mb-3" aria-hidden="true"></span>
			</a>
		</div>
		<!-- move top -->


</body>

</html>